<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Google Maps api</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="Juju" />
    <link rel="icon" type="image/ico" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <style type="text/css">
      html, body, #map-canvas { height: 100%; margin: 0; padding: 0;}
    </style>
    <script src="jquery-2.1.1.min.js"></script>
    <script type="text/javascript"
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASDA0eZvH1781uZidsoWCbt_8s4aj1P88"></script>
    <script type="text/javascript" src="maps.js"></script>
  </head>
  <body>
    <div id="map-canvas"></div>
  </body>
</html>